﻿/* ---------------
 *  Common styles 
 * =============== */
body                                                    { font-family: Verdana, Helvetica, sans-serif; color: #333; line-height: 1.2; }
a                                                       { color: #D8636F; text-decoration: none; border-bottom: 0.1em dotted #D8636F; }
a:hover                                                 { background-color: #D8636F; color: #FFF; border-bottom-style: solid; }
a:focus                                                 { border: 0 !important; }
h1, h2, h3, h4                                          { font-family: Arial, Helvetica, sans-serif; }
h1                                                      { font-size: 197%; }
h2                                                      { font-size: 153.9%; }
h3                                                      { font-size: 123.1%; }
h4                                                      { font-size: 108%; }
h1 > a, h1 > span, h2 > a, h2 > span                    { color: #FFF; border: 0; padding-right: 0.1em; }
h1 > a, h1 > span                                       { background-color: #83CDCA; }
h2 > a, h2 > span                                       { background-color: #69D2E7; }
h3 > span                                               { color: #23B7D6; }
p                                                       { line-height: 1.5em; }

.clear                                                  { clear: both; height: 0; line-height: 0; }
.hidden                                                 { display: none; }
.input-validation-error                                 { border-color: #F00 !important; }
.field-validation-error                                 { color: #F00 !important; }


/* ----------------
 *  #header styles 
 * ================ */
#header                                                 { margin-bottom: 1em; }
#header h1                                              { margin-bottom: 0; }


/* ----------------
 *  #footer styles
 * ================ */
#footer                                                 { margin: 5em 0 2em; padding-top: 2em; border-top: 0.5em solid #DDD; font-family: Verdana, sans-serif; font-size: 77%; }
#footer .cc-image                                       { float: left; margin-right: 0.5em; }
#footer .cc-image a                                     { border: 0; background-color: transparent; }
#footer .cc-text                                        { color: #999; }

/* -----------------
 *  #content styles
 * ================= */
#content                                                { font-size: 93%; }
#content h2                                             { font-size: 167% }
#content h3                                             { font-size: 131% }
#content h4                                             { font-size: 116% }
#content fieldset ol                                    { margin: 0; padding: 0; }
#content fieldset li                                    { margin: 1em 0; list-style-type: none; }
#content fieldset li:first-child                        { margin-top: 0; }
#content fieldset label span                            { display: block; }
#content fieldset input[type=text],
#content fieldset textarea                              { padding: 0.1em; border: 0.1em solid #CCC; }

#content table.archive                                  { width: 100%; }
#content table.archive td                               { border: 0; padding: 0; }
#content table.archive td.date                          { width: 1%; padding-right: 1.5em; white-space: nowrap; }

#content .post                                          { margin-top: 2em; padding-top: 2em; border-top: 0.2em solid #DDD; }
#content .post:first-child                              { margin-top: 0; padding-top: 0; border: 0; }
#content .post .header                                  { margin-bottom: 2em; }
#content .post .header h2                               { margin: 0; padding-right: 0.1em; }
#content .post .header .metadata                        { font-size: 93%;  }
#content .post .header .metadata span                   { display: inline; background-color: #F4F4F4; color: #9F9F9F; }
#content .post .header:hover .metadata span             { background: #E4E4E4; color: #777; }

#content .comments                                      { margin-top: 2em; padding-top: 2em; border-top: 0.2em solid #CCC; }
#content .comments ol                                   { margin: 0; padding: 0; }
#content .comments ol li                                { list-style-type: none; margin-top: 2em; }
#content .comments ol li:first-child                    { margin-top: 0; }
#content .comments h3                                   { margin: 2em 0 0; }
#content .comments h3:first-child                       { margin-top: 0; }
#content .comments h4                                   { margin: 0 0 0.2em; color: #23B7D6; }
#content .comments h4 span                              { margin-left: 0.5em; font-weight: normal; color: #888; }
#content .comments fieldset                             { margin: 0; }
#content .comments .box                                 { background-color: #DAF7F7; padding: 0.5em; border-top: 0.1em dotted #69D2E7;  }


/* ----------
 *  Other...
 * ========== */
.syntaxhighlighter                                      { margin: 1.5em 0 !important }
.syntaxhighlighter .toolbar a                           { border: 0; background-color: transparent; }
